<link rel="stylesheet" href="{{ROOT}}assets/css/vs.css">
<style>
    .code-content .code-index {
        user-select: none;
        cursor: pointer;
        text-align: right;
    }
    .code-content .code-line {
        line-height: 20px;
    }
</style>
{% include "repo/public/header-menu.njk" %}
<div class="Box mt-2">
    <div class="Box-header">
        <h3 class="Box-title">
            Example form title
          </h3>
    </div>
</div>
<div class="Box mt-2">
    <div class="Box-header">
        <h3 class="Box-title">
          Example form title
        </h3>
    </div>
    <div class="Box-body overflow-x-auto">
        <table class="code-content">
            <tbody>
                {% for item in codeLines %}
                <tr class="code-line">
                    <!-- table-cell 没有margin -->
                    <td class="code-index pl-4 pr-2 color-fg-subtle f6">{{ loop.index }}</td>
                    <td class="pl-2"><pre><code>{{ item | safe }}</code></pre></td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>